<script lang='ts' setup>
import { ref, onMounted, reactive } from 'vue'
import OrgMicroServiceList from './component/org-micro-service-list.vue'
const OrgMicroServiceListRef = ref();

const OrgMicroServiceIndexStatus = reactive({
    onAddButtonClick: () => {
        OrgMicroServiceListRef.value.onAddButtonClick()
    },
    onDeleteButtonClick:() => {
        OrgMicroServiceListRef.value.onDeleteButtonClick()
    }
})

onMounted(() => {
    OrgMicroServiceListRef.value.getOrgMicroServiceTableRef().loadTable()
})
</script>
<template>
    <jxtech-basic-header>
        <template #extra>
            <jxtech-add-button @click="OrgMicroServiceIndexStatus.onAddButtonClick"></jxtech-add-button>
            <jxtech-delete-button @click="OrgMicroServiceIndexStatus.onDeleteButtonClick"></jxtech-delete-button>
        </template>
    </jxtech-basic-header>
    <org-micro-service-list ref="OrgMicroServiceListRef"></org-micro-service-list>
</template>